<template>
    <div>
        <h4>基础篇-获取DOM</h4>

        <!-- 组件 -->
        <son ref="DOMSon"></son>

        <!-- DOM元素 -->
        <input type="text" ref="DOMInput" value="123456">
    </div>
</template>

<script setup>
import { onMounted, ref } from 'vue';
import son from './son.vue';

// 通过ref 获取组件实例
let DOMSon = ref()

// 通过ref 获取DOM元素
let DOMInput = ref()

onMounted(() => {
    console.log("获取的组件", DOMSon.value);
    console.log("获取DOM元素", DOMInput.value.value);

    // 通过ref调用组件中的方法
    DOMSon.value.AA()
    DOMSon.value.BB()
})


</script>

<style lang="scss" scoped></style>